<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BOSS直聘-找工作我要跟老板谈！招聘求职找工作！</title>
    <link rel="stylesheet" href="./css/style.css">
    <!-- 标题左边的图标 -->
    <link rel="shortcut icon" type="image/x-icon" href="https://static.zhipin.com/zhipin-geek/v212/h5/wap/images/favicon.png">
</head>

<body>
    <div id="container">
        <!-- 头部 -->
        <div class="home-header">
            <img src="img/home-search-text.png" alt="">
            <form action="">
                <!-- 搜索栏里的文字 -->
                <input type="text" placeholder="搜索职位或公司">
                <button>搜索</button>
            </form>
        </div>
        <!-- 分类的信息 -->
        <div class="home-categories">
            <dl>
                <dt>
                    <img src="img/technology.png" alt="">
                    <div>技术</div>
                </dt>
                <dd>
                    <a href="" class="tag">Java</a>
                    <a href="" class="tag">NodeJs</a>
                    <a href="" class="tag">Web前端</a>
                    <a href="" class="tag">IOS</a>
                    <a href="" class="tag">AngularJS</a>
                    <a href="" class="tag">React</a>
                    <a href="" class="tag">NuxtJS</a>
                    <a href="" class="tag">JavaScript</a>
                </dd>
            </dl>
            <dl>
                <dt>
                    <img src="img/product.png" alt="">
                    <div>技术</div>
                </dt>
                <dd>
                    <a href="" class="tag">Java</a>
                    <a href="" class="tag">NodeJs</a>
                    <a href="" class="tag">Web前端</a>
                    <a href="" class="tag">IOS</a>
                    <a href="" class="tag">AngularJS</a>
                    <a href="" class="tag">React</a>
                    <a href="" class="tag">NuxtJS</a>
                    <a href="" class="tag">JavaScript</a>
                </dd>
            </dl>
            <dl>
                <dt>
                    <img src="img/designer.png" alt="">
                    <div>技术</div>
                </dt>
                <dd>
                    <a href="" class="tag">Java</a>
                    <a href="" class="tag">NodeJs</a>
                    <a href="" class="tag">Web前端</a>
                    <a href="" class="tag">IOS</a>
                    <a href="" class="tag">AngularJS</a>
                    <a href="" class="tag">React</a>
                    <a href="" class="tag">NuxtJS</a>
                    <a href="" class="tag">JavaScript</a>
                </dd>
            </dl>
        </div>
        <!-- 页脚  -->
        <div class="home-footer">
            <p>违法和不良信息举报邮箱：jubao@kanzhun.com</p>
            <p>企业服务热线和举报投诉：400 065 5799</p>
        </div>

    </div>

</body>

</html>